<script setup lang="ts"></script>
<template>
  <div class="domestic-news">
    <div class="news-card">
      <h3>今日新闻标题一</h3>
      <p>
        这里是新闻的简要内容，用于展示新闻的主要信息。这里是新闻的简要内容，用于展示新闻的主要信息。
      </p>
      <span>2023-05-15</span>
    </div>
    <div class="news-card">
      <h3>今日新闻标题二</h3>
      <p>
        另一条重要新闻的简要内容，提供关键信息。另一条重要新闻的简要内容，提供关键信息
      </p>
      <span>2023-05-14</span>
    </div>
  </div>
</template>

<style scoped>
.domestic-news {
  margin: 1rem 0;
}
.news-card {
  border-bottom: 1px solid #eee;
  padding: 0.5rem 0;
}
.news-card h3 {
  color: #2c3e50;
  margin-bottom: 0.5rem;
}
.news-card p {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.news-card span {
  font-size: 0.8rem;
  color: #999;
}
</style>
